<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>表格</title>
  <!--1.表格边框
      2.宽度高度
      3.文字对齐 text-align vertical-align
      -->
  <style>
    table,th,td{
      /*边框 */
      border: 1px solid black;
      border-collapse: collapse;
    }
    table{
      width:100%;
    }
    tr{
      height: 30px;
    }
    td{
      text-align: center;
      padding:15px;
    }
    th{
      background-color: aquamarine;
      color: pink;
    }
  </style>
</head>

<body>
<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>

  <tr>
    <td>张三</td>
    <td>18</td>
    <td>男</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>17</td>
    <td>女</td>
  </tr>
</table>

</body>
</html>